Nodemon工具 使用方法

解決痛點:
透過Node.js啟動server，在編輯器中若有修改，每次需重複步驟:

1. 指令 ctrl + c 停止server，
2. 以 node app.js 再執行js檔重啟server，
3. browser重新整理
   畫面才會更新

Nodemon-偵測開發者專案內的檔案，若有被修改，自動重啟server。所以重新整理browser，就可見修改後的畫面。

安裝Nodemon

$ npm install -g nodemon
-g 是 -- global的縮寫，把nodemon套件安裝在電腦的全域(global)。

只要安裝1次，之後不同專案資料夾都不需再下載。

使用Nodemon

專案資料夾透過npm安裝 node.js, Express, nodemon

node -v //v18..14.0
npm -v //9.3.1
npm init -y //建立package.json 初始化成npm的專案
npm i express@4.16.4 //建立node_modules, package-lock.json

nodemon app.js //透過執行專案，可啟動伺服器

「載入 Express」、「設定路由」、「用來啟動伺服器」

const express = require('express') //載入套件
const app = express() //express套件在執行後存成變數app，使用app的方法
const port = 3000 //定義server相關變數
app.get('/',(req,res)=> {   //app.get設定路由
  res.send('<h1>HELLO THERE</h1>') //server回應給browser的內容，可見畫面
})
app.listen(port, ()=> {   //app.listen啟動並監聽 express server
  console.log(listening on http://localhost:${port}) //sever執行後，在終端機顯示
})

browser上url: localhost:3000可見內容HELLO THERE，即建立好專案。